<extend name="HomeCommon:common" />
<block name="keywords"><meta name="keywords" content="{$config['config_seo_keywords']}" /></block>
<block name="description"><meta name="description" content="{$config['config_seo_desc']}" /></block>
<block name="title"><title>{$config['config_web_name']}</title></block>
<block name="css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/swiper-3.4.2.min.css">
</block>
<block name="js">
	<script type="text/javascript" src="__PUBLIC__/js/swiper-3.4.2.jquery.min.js"></script>
</block>
<block name="body">
	<!-- banner start -->
	<div class="banner w">
		<div class="swiper-container">
		        <div class="swiper-wrapper">
		        	<foreach name="banner" item="v">
			            <div class="swiper-slide">
			            	<a href="{$v['banner_href']}">
			            		<img src="__ROOT__/{$v['banner_img']}">
			            	</a>
			            </div>
		            </foreach>
		        </div>
		         <!-- 如果需要分页器 -->
		    	<div class="swiper-pagination"></div>
		    
		    	<!-- 如果需要导航按钮 -->
		    	<div class="swiper-button-prev"></div>
		    	<div class="swiper-button-next"></div>
		    </div>
	</div>
	<script type="text/javascript">
	var swiper = new Swiper('.swiper-container', {
        // 如果需要分页器
    	pagination: '.swiper-pagination',
    	paginationClickable: true,
    
    	// 如果需要前进后退按钮
    	nextButton: '.swiper-button-next',
    	prevButton: '.swiper-button-prev',

    	//自动轮播
    	autoplay : 3000,
		speed    : 1000,
		autoplayDisableOnInteraction : false,

    });
	</script>
	<!-- banner end -->

	<!-- 产品介绍 start -->
	<div class="introduction w">
		<div class="introductionbox mainWidth">
			<h2 class="mainTitle">TP3-CMS 网站权威管理系统</h2>
			<h4 class="subTitle">稳固积累、持续创新、静思敏行，打造最简洁高效管理系统。</h4>
			<ul>
				<li class="fl">
					<i class="i1"></i>
					<p>
						<b>完善的CMS系统</b>
						<span>测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</span>
					</p>
				</li>
				<li class="fr">
					<i class="i2"></i>
					<p>
						<b>多元化产品版本</b>
						<span>xxxxxxxx</span>
					</p>
				</li>
				<li class="fl">
					<i class="i3"></i>
					<p>
						<b>直播功能</b>
						<span>测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</span>
					</p>
				</li>
				<li class="fr">
					<i class="i4"></i>
					<p>
						<b>强大的自定义门户</b>
						<span>测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</span>
					</p>
				</li>
				<li class="fl">
					<i class="i5"></i>
					<p>
						<b>便捷的云端部署</b>
						<span>测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</span>
					</p>
				</li>
				<li class="fr">
					<i class="i6"></i>
					<p>
						<b>自主研发即时聊天系统</b>
						<span>测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</span>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<!-- 产品介绍 end -->

	<!-- 客户案例 start -->
	<div class="client w pb50">
		<div class="clientbox mainWidth">
			<h2 class="mainTitle pt50">客户案例</h2>
			<h4 class="subTitle">TP3-CMS 累计500多客户建立至今，累计超过2000多个项目，客户遍及北京、上海、广州、深圳、杭州、厦门、台湾等地，涵盖CCTV7、电信等500强巨头企业</h4>
			<div class="case-list mt50">
				<foreach name="case" item="v">
					<div class="col3">
						<img src="__ROOT__/{$v['case_img']}">
						<p>{$v['case_title']}</p>
					</div>
				</foreach>
			</div>
			<div class="clear"></div>
			
			<a href="client.html" class="more">查看更多</a>
			
		</div>
	</div>
	<!-- 客户案例 end -->

	<!-- 最新动态 start -->
	<div class="news w pb50">
		<div class="newsbox mainWidth">
			<h2 class="mainTitle pt50">最新动态</h2>
			<h4 class="subTitle">TP3-CMS累计500多客户建立至今，累计超过2000多个项目，客户遍及北京、上海、广州、深圳、杭州、厦门、台湾等地，涵盖CCTV7、电信等500强巨头企业</h4>
			<ul>
				<foreach name="article" item="v">
					<li><a href="news/art-{$v['art_id']}.html">{$v['art_title']}</a> <span class="date"><?php echo date('Y-m-d', $v['art_time']); ?></span></li>
				</foreach>
			</ul>
			<a href="index.php?v=news" class="more ">查看更多</a>
		</div>
	</div>
	<!-- 最新动态 end -->

</block>